*{
    margin: 0;
    padding: 0;
}
$designWidth: 375;
$designHeight: 667;
@function vw($px) {
  @return ($px/$designWidth) * 100vw;
}
@function vh($px) {
  @return ($px/$designHeight) * 100vh;
}
.classfy{
    .classfy1{

    }
    .classfy2{
        padding: vh(5) vw(10);
        box-sizing: border-box;
        .classfy2con{
            display: flex;
            .classfyleft{
                width: 25%;
                min-height: vh(500);
                padding: vh(30) 0;
                box-sizing: border-box;
                li{
                    list-style: none;
                    color: rgba($color: #000000, $alpha: 0.6);
                    font-size: 14px;
                    font-weight: bold;
                    width: 100%;
                    height: vh(40);
                    line-height: vh(40);
                    // background: red;
                    margin-top: 10px;
                    text-align: center;
                }
                .actli{
                    list-style: none;
                    color: rgba($color: #000000, $alpha: 1);
                    font-size: 14px;
                    font-weight: bold;
                    width: 100%;
                    height: vh(20);
                    line-height: vh(20);
                    margin-top: 10px;
                    text-align: center;
                    border-left: 5px solid #0066FF;
                }
            }
            .classright{
                width: 75%;
                height: vh(550);
                border-left: 1px solid #B9C9E5 ;
                // display: flex;
                overflow: auto;
                // background: red;
                .classrightcon{
                    width: 100%;
                    height: vh(45);
                    overflow-x: auto;
                    display: flex;
                }
                .btn1{
                    height: vh(25);
                    // background: red;
                    line-height: vh(25);
                    padding: 0 vw(10);
                    box-sizing: border-box;
                    margin-top: vw(5);
                    border: none;
                    // margin-top: 20px;
                    border-radius: 5px;
                    min-width: vw(100);
                    font-size: 14px;
                    margin-left: 10PX;
        
                }
                .btn2{
                    height: vh(25);
                    line-height: vh(25);
                    padding: 0 vw(10);
                    box-sizing: border-box;
                    margin-top: vw(5);
                    border: none;
                    // margin-top: 20px;
                    border-radius: 5px;
                    min-width: vw(50);
                    margin-left: 10PX;
                    // background: #E5ECFF;
                    // border: 1px solid #5D7AD5;
                    // margin-left: 10PX;
                }
                .classfycon3{
                    // background: #f9f9f9;
                    height: vh(75);
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    margin-left: 15px;
                    margin-top: vh(10);
                    box-sizing: border-box;
                    .classfycon3left{
                      width: 38%;
                      img{
                        width: 100%;
                        height: 100%;
                        border-radius: 10px;
                      }
                    }
                    .classfycon3right{
                      width: 60%;
                      display: flex;
                      flex-wrap: wrap;
                      align-content: space-between;
                      padding: vh(5) 0;
                      box-sizing: border-box;
                      
                      div{
                        width: 100%;
                        height: vh(25);
                        line-height: vh(25);
                        .span1{
                          color: red;
                        }
                        .span2{
                          color: red;
                          margin-left: vw(70);
                          font-size: 16px;
                        }
                      }
                    }
                  }
            }
        }
      
    }
    
}